<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>路径分页标签和徽章组件</title>
	<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
</head>
<body style="margin: 100px;">
<!-- 
	1.路径组件(也称面包屑导航)
		1) 	.breadcrumb

	2.分页组件
		1)	.pagination
				.pagination-lg
				.pagination-md
				.pagination-sm
				无.pagination-xs
	3.翻页效果
		1)	.pager 								//默认居中,对ul添加
		2)	.previous 							//居左,需要对ul添加.pager下
		3)	.next 								//居右,需要对ul添加.pager下
	4.标签
		1)	.label
		2)	.label-default
			.label-primary
			.label-success
			.label-info
			.label-warning
			.label-danger
	5.徽章
		1) 	.badge 								//对新建空span添加



 -->
	
	<!-- 路径组件(也称面包屑导航) -->
	<!-- <ol class="breadcrumb">
		<li><a href="#">首页</a></li>
		<li><a href="#">产品列表</a></li>
		<li class="active">韩版2016羊绒大衣</li>
	</ol> -->
	
	<!-- 分页组件 -->
	<!-- <ul class="pagination pagination-lg">
		<li><a href="#">&laquo;</a></li>
		<li class="active"><a href="#">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a></li>
		<li class="disabled"><a href="#">6</a></li>
		<li><a href="#">&raquo;</a></li>
	</ul> -->

	<!-- 翻页效果 -->
	<!-- <ul class="pager">
		<li class="previous disabled"><a href="#">上一页1</a></li>
		<li class="next"><a href="#">下一页1</a></li>
		<li><a href="#">上一页2</a></li>
		<li><a href="#">下一页2</a></li>
	</ul> -->

	<!-- 标签 -->
	<!-- <h2>标签:
		<span class="label label-danger">bootstrap</span>
	</h2>
	<h5>标签:<span class="label label-primary">bootstrap</span></h5> -->
	
	<!-- 徽章 -->
	<!-- <a href="#">信息<span class="badge">10</span></a> -->

	<!-- <button class="btn btn-success">
		信息<span class="badge">2</span>
	</button> -->
	
	<nav class="nav nav-pills">
		<li class="active"><a href="#">首页 <span class="badge">5</span></a></li>
		<li><a href="#">产品</a></li>
	</nav>

	<script src="bootstrap-3.3.5-dist/jquery/jquery.min.js"></script>
	<script src="bootstrap-3.3.5-dist/bootstrap/bootstrap.min.js"></script>
</body>
</html>